<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>Hello world!</title>
    <!-- zui -->
    <link href="../Resources/plugins/zui/css/zui.min.css" rel="stylesheet">
    <link href="../Resources/plugins/zui/lib/datatable/zui.datatable.min.css" rel="stylesheet">
    <!-- 分页 -->
    <link href="../Resources/plugins/page/css/jquery.page.css" rel="stylesheet">
    
    <!-- font-awesome -->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/grid/dependents/fontAwesome/css/font-awesome.min.css" media="all" />
	
	<!-- datePicker -->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/grid/dependents/datePicker/skin/WdatePicker.css" />
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/grid/dependents/datePicker/skin/default/datepicker.css" />
	
	<!-- DLShouWen Grid -->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/grid/dlshouwen.grid.min.css" />

	<!-- icon css -->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/grid/doc/css/icons.css" />
	
	<!-- toTop -->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/toTop/jquery.toTop.css" />	
    
    <!-- syntaxHighLighter 代码高亮-->
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/syntaxHighLighter/styles/shCore.css" />
	<link rel="stylesheet" type="text/css" href="../Resources/plugins/syntaxHighLighter/styles/shThemeDefault.css" />
    
    <style type="text/css">
		#wechat{position:fixed;bottom:10px;right:10px;z-index:1000;}
	</style>
	
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	  <script src="../Resources/plugins/zui/lib/ieonly/html5shiv.js"></script>
	  <script src="../Resources/plugins/zui/lib/ieonly/respond.js"></script>
	  <script src="../Resources/plugins/zui/lib/ieonly/json2.js"></script>
	<![endif]-->
	
  </head>
  <body>
  	<!--[if lt IE 8]>
    <div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
  	<![endif]-->
    
  	<header id="header" class="bg-primary">
	  	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		  <div class="container">
		    <!-- 导航头部 -->
		    <div class="navbar-header">
		      <!-- 移动设备上的导航切换按钮 -->
		      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
		        <span class="sr-only">切换导航</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <!-- 品牌名称或logo -->
		      <a class="navbar-brand" href="#">ZUI</a>
		    </div>
		    <!-- 导航项目 -->
		    <div class="collapse navbar-collapse navbar-collapse-example">
		      <!-- 一般导航项目 -->
		      <ul class="nav navbar-nav ">
		        <li class="active"><a href="your/nice/url">项目</a></li>
		        <li><a href="your/nice/url">需求</a></li>
		        <!-- 导航中的下拉菜单 -->
		        <li class="dropdown">
		          <a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown">管理 <b class="caret"></b></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="your/nice/url">任务</a></li>
		          </ul>
		        </li>
		      </ul>
		      
		      <!-- 导航中的表单 -->
		      <form class="navbar-form navbar-left" role="search">
		        <div class="form-group">
		          <input type="text" class="form-control" placeholder="搜索">
		        </div>
		        <button type="submit" class="btn btn-default">搜索</button>
		      </form>
		      
		      <!-- 右侧的导航项目 -->
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="your/nice/url">帮助</a></li>
		        <li class="dropdown">
		          <a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown">探索 <b class="caret"></b></a>
		          <ul class="dropdown-menu" role="menu">
		            <li><a href="your/nice/url">敏捷开发</a></li>
		            <li><a href="your/nice/url">HTML5</a></li>
		            <li><a href="your/nice/url">Javascript</a></li>
		            <li class="divider"></li>
		            <li><a href="your/nice/url">探索宇宙</a></li>
		          </ul>
		        </li>
		      </ul>
		    </div><!-- END .navbar-collapse -->
		  </div>
		</nav>
    </header>
    
  	<!-- 远程内容加载图标 -->
    <!-- <div class="text-muted loader loading"><i class="icon icon-spin icon-spinner-indicator"></i> 加载中...</div> -->
    <br><br>

    <!-- 在此处编码你的创意 -->
    
	<div class="container">
		
		<h1>面包屑</h1>
		<ol class="breadcrumb">
		  <li><a href="#">Home</a></li>
		  <li><a href="#">Library</a></li>
		  <li class="active">Data</li>
		</ol>
		<hr>
	 	<h1>表单</h1>
	 	<input type="text" class="form-control" placeholder="用户名">
	 	<input type="email" class="form-control" placeholder="电子邮件">
	 	<textarea class="form-control" rows="3" placeholder="可以输入多行文本"></textarea>
	 	<input type="file" class="form-control" value="">
	 	<select class="form-control">
		  <option value="">请选择一种水果</option>
		  <option value="apple">苹果</option>
		  <option value="banana">香蕉</option>
		  <option value="orange">桔子</option>
		</select>
		
		<select class="form-control" multiple>
		  <option value="">请选择所有爱吃的水果</option>
		  <option value="apple">苹果</option>
		  <option value="banana">香蕉</option>
		  <option value="orange">桔子</option>
		  <option value="orange">西瓜</option>
		</select>
		
		<input class="form-control" type="text" placeholder="此文本框被禁用" disabled>
		<input class="form-control" type="text" placeholder="此文本框只读" readonly>
		<input class="form-control form-focus" autofocus type="text" placeholder="请激活此文本框">
		
		
		<div class="checkbox">
		  <label>
		    <input type="checkbox"> 复选框 
		  </label>
		</div>
		<div class="checkbox disabled">
		  <label>
		    <input disabled type="checkbox"> 被禁用的复选框
		  </label>
		</div>
		<div class="radio">
		  <label>
		    <input type="radio" name="radioOptionsExample"> 单选框 
		  </label>
		</div>
		<div class="radio disabled">
		  <label>
		    <input disabled type="radio" name="radioOptionsExample"> 被禁用的单选框
		  </label>
		</div>
		
		<hr>
		<h1>消息框</h1>
		<div class="alert alert-success with-icon">
		  <i class="icon-ok-sign"></i>
		  <div class="content">...</div>
		</div>
		
		<hr>
		<h1>提交表单</h1>
		<div class="panel panel-primary">
		  <div class="panel-heading">
		    	面板标题
		  </div>
		  <div class="panel-body">
		  	<form class="form-horizontal">
			  <div class="form-group">
			    <label for="exampleInputAccount4" class="col-sm-2">账号</label>
			    <div class="col-md-6 col-sm-10">
			      <input type="text" class="form-control" id="exampleInputAccount4" placeholder="电子邮件/手机号/用户名">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="exampleInputPassword4" class="col-sm-2">密码</label>
			    <div class="col-md-6 col-sm-10">
			      <input type="password" class="form-control" id="exampleInputPassword4" placeholder="密码">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="exampleInputAddress1" class="col-sm-2">地址</label>
			    <div class="col-sm-3">
			      <select class="form-control" id="exampleInputAddress1">
			        <option>北京</option>
			        <option>上海</option>
			      </select>
			    </div>
			    <div class="col-sm-3">
			      <input type="text" class="form-control" id="exampleInputAddress2" placeholder="市/县">
			    </div>
			    <div class="col-sm-4">
			      <input type="text" class="form-control" id="exampleInputAddress3" placeholder="详细地址">
			    </div>
			  </div>
			  <div class="form-group">
			    <div class="col-sm-offset-2 col-sm-10">
			      <div class="checkbox">
			        <label>
			          <input type="checkbox"> 记住我
			        </label>
			      </div>
			    </div>
			  </div>
			  <div class="form-group">
			    <div class="col-sm-offset-2 col-sm-10">
			      <button type="submit" class="btn btn-default">登录</button>
			    </div>
			  </div>
			</form>
		  </div>
		</div>
		<hr>
		<h1>面板</h1>
		<div class="panel panel-primary">
		  <div class="panel-heading">
		    	面板标题
		  </div>
		  <div class="panel-body">
		    <table class="table table-striped table-hover table-bordered table-condensed">
		      <thead>
			    <tr>
			      <th>姓名</th>
			      <th>年龄</th>
			    </tr>
			  </thead>
			  <tbody>
			    <tr>
			      <td class="success">11</td>
			      <td class="success">11</td>
			    </tr>
			    <tr>
			      <td class="active">11</td>
			      <td class="active">11</td>
			    </tr>
			  </tbody>
			  <tfoot>
			    <tr>
			      <td>11</td>
			      <td>11</td>
			    </tr>
			  </tfoot>
			</table>
		  </div>
		  <div class="panel-footer yxdPageCode">
		  </div>
		</div>
		
		<hr>
		<h1>对话框</h1>
		<!-- 对话框触发按钮 -->
		<button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">启动对话框</button>
		
		<!-- 对话框HTML -->
		<div class="modal fade" id="myModal">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">标题</h4>
		      </div>
		      <div class="modal-body">
		        <p>主题内容...</p>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		
		<!-- HTML 代码 -->
		<table class="table datatable" id="datatable" data-checkable="true" data-sortable="true" >
		</table>
		
		
		<!-- grid 插件 -->
		<h1>普通数据加载</h1>
		<div id="gridContainer_2_1_1" class="dlshouwen-grid-container"></div>
		<div id="gridToolBarContainer_2_1_1" class="dlshouwen-grid-toolbar-container"></div>
		
		<h1>响应式表格</h1>
		<div id="gridContainer_2_1_2" class="dlshouwen-grid-container"></div>
		<div id="gridToolBarContainer_2_1_2" class="dlshouwen-grid-toolbar-container"></div>
		
		<h1>复选内容</h1>
		<div id="gridContainer_2_1_8" class="dlshouwen-grid-container"></div>
		<div id="gridToolBarContainer_2_1_8" class="dlshouwen-grid-toolbar-container"></div>
		<p>
			点击获取选中的条数：
			<button class="btn btn-primary btn-xs" onclick="getGrid_2_1_8CheckedRecordsLength();">
				<i class="fa fa-table"></i>&nbsp;&nbsp;获取选中的数据条数
			</button>
		</p>
		
		<h1>自定义解析</h1>
		<div id="gridContainer_2_1_9" class="dlshouwen-grid-container"></div>
		<div id="gridToolBarContainer_2_1_9" class="dlshouwen-grid-toolbar-container"></div>
		
	</div>
	
	<div id="back-to-top" class="back-to-top" title="回到顶部"><i class="fa fa-arrow-circle-up"></i></div>
	<div id="wechat"><img width="129" height="129" src="../Resources/plugins/grid/doc/images/wechat.jpg" /></div>
	
	<footer>
      <div class="container">
        <hr>
        <p class="text-muted small">文档版本 <span class="doc-version"><i class="icon icon-spin icon-spinner-indicator"></i></span> &nbsp; 共 <span class="text-page-count"></span> 篇内容，<span class="text-external-count"></span> 个外链主题</p>
      </div>
    </footer>
    
    
     <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="../Resources/plugins/JQuery/jquery-1.11.0.min.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="../Resources/plugins/zui/js/zui.min.js"></script>
    <script src="../Resources/plugins/zui/lib/datatable/zui.datatable.min.js"></script>
    <!-- 分页组件 -->
    <script src="../Resources/plugins/page/js/jquery.page.js"></script>
    <!-- DLShouWen Grid -->
	<script type="text/javascript" src="../Resources/plugins/grid/dlshouwen.grid.min.js"></script>
	<script type="text/javascript" src="../Resources/plugins/grid/i18n/en.js"></script>
	<script type="text/javascript" src="../Resources/plugins/grid/i18n/zh-cn.js"></script>
	<script type="text/javascript" src="../Resources/plugins/grid/i18n/zh-tw.js"></script>
	
	<!-- datePicker -->
	<script type="text/javascript" src="../Resources/plugins/grid/dependents/datePicker/WdatePicker.js" defer="defer"></script>
	
	<!-- toTop 自动回到顶部插件 -->
	<!-- 
		<div id="back-to-top" class="back-to-top" title="回到顶部"><i class="fa fa-arrow-circle-up"></i></div>
	 -->
	<script type="text/javascript" src="../Resources/plugins/toTop/jquery.toTop.js"></script>
	
	<!-- syntaxHighLighter 代码高亮-->
	<!-- 
		//语法着色
		SyntaxHighlighter.config.clipboardSwf = '../../syntaxHighLighter/scripts/clipboard.swf';
		SyntaxHighlighter.config.strings.expandSource = '显示源代码';
		SyntaxHighlighter.config.strings.viewSource = '查看源代码';
		SyntaxHighlighter.config.strings.copyToClipboard = '复制到粘贴板';
		SyntaxHighlighter.config.strings.copyToClipboardConfirmation = '代码已经成功复制！';
		SyntaxHighlighter.config.strings.print = '打印';
		SyntaxHighlighter.all();
	 -->
	<script type="text/javascript" src="../Resources/plugins/syntaxHighLighter/scripts/shCore.js"></script>
	<script type="text/javascript" src="../Resources/plugins/syntaxHighLighter/scripts/shBrushBash.js"></script>
	<script type="text/javascript" src="../Resources/plugins/syntaxHighLighter/scripts/shBrushXml.js"></script>
	<script type="text/javascript" src="../Resources/plugins/syntaxHighLighter/scripts/shBrushJScript.js"></script>
	
	<!-- jquery pin -->
	<script type="text/javascript" src="../Resources/plugins/jquery.pin/jquery.pin.js"></script>
	
	<script type="text/javascript">
	 $(function(){
		 /* 初始化数据表格 */
	    $('#datatable').datatable({
	    	data: {
	            cols: [
	                {width: 80, text: '#', type: 'number', flex: false, colClass: 'text-center'},
	                {width: 160, text: '时间', type: 'date', flex: true, sort: 'down'},
	                {width: 160, text: '时间', type: 'date', flex: true, sort: 'down'},
	                {width: 160, text: '时间', type: 'date', flex: true, sort: 'down'},
	                {width: 160, text: '时间', type: 'date', flex: true, sort: 'down'},
	                {width: 80, text: '名称', type: 'string', flex: false, colClass: ''}
	            ],
	            rows: [
	                {checked: false, data: [1, '2016-01-18 11:05:15','2016-01-18 11:05:15','2016-01-18 11:05:15','2016-01-18 11:05:15', '名称示例1']},
	                {checked: false, data: [2, '2016-01-20 12:06:16','2016-01-18 11:05:15','2016-01-18 11:05:15','2016-01-18 11:05:15', '名称示例2']},
	                {checked: false, data: [2, '2016-01-20 12:06:16','2016-01-18 11:05:15','2016-01-18 11:05:15','2016-01-18 11:05:15','名称示例2']}
	            ]
	        }
	    }); 
	    
		//分页
		  $(".yxdPageCode").createPage({
		    pageCount:100,
		    current:1,
		    backFn:function(p){
		      console.log('当前第' + p + '页');
		    }
		  });
		
	 });
    </script>
    
    <script type="text/javascript">
	  	//映射内容
		var sex = {1:'男', 2:'女'};
		var degree = {1:'小学', 2:'初中', 3:'高中', 4:'中专', 5:'大学', 6:'硕士', 7:'博士', 8:'其他'};
		//模拟数据（薪水在6000-12000之间，日期在1980-01-01 00::00:00到2014-10-01 00:00:00之间）
		var datas = new Array();
		for(var i=0; i<186; i++){
			var user = new Object();
			user.user_id = 'user_'+i;
			user.user_code = 'user_'+i;
			user.user_name = '模拟用户'+(Math.floor(Math.random()*1000)+10000)+'号';
			user.sex = (Math.floor(Math.random()*2)+1);
			user.salary = (Math.floor(Math.random()*6000)+6000);
			user.degree = (Math.floor(Math.random()*8)+1);
			user.time = new Date(Math.floor(Math.random()*1096588800000)+315504000000);
			user.time_stamp_s = Math.floor((Math.floor(Math.random()*1096588800000)+315504000000)/1000);
			user.time_stamp_ms = Math.floor(Math.random()*1096588800000)+315504000000;
			user.string_date = $.fn.dlshouwen.grid.tools.dateFormat(new Date(Math.floor(Math.random()*1096588800000)+315504000000), 'yyyy-MM-dd');
			user.string_time = $.fn.dlshouwen.grid.tools.dateFormat(new Date(Math.floor(Math.random()*1096588800000)+315504000000), 'yyyy-MM-dd hh:mm:ss');
			datas.push(user);
		}
    
    
    	var gridColumns_2_1_1 = [
   	 		{id:'user_code', title:'用户编号', type:'string', columnClass:'text-center'},
   	 		{id:'user_name', title:'用户名称', type:'string', columnClass:'text-center'},
   	 		{id:'sex', title:'性别', type:'string', codeTable:sex, columnClass:'text-center'},
   	 		{id:'salary', title:'薪水', type:'number', format:'#,###.00', columnClass:'text-center'}
   	 	];
   	 	var gridOption_2_1_1 = {
   	 		lang : 'zh-cn',
   	 		ajaxLoad : false,
   	 		exportFileName : '用户列表',
   	 		datas : datas,
   	 		columns : gridColumns_2_1_1,
   	 		gridContainer : 'gridContainer_2_1_1',
   			toolbarContainer : 'gridToolBarContainer_2_1_1',
   			tools : '',
   			pageSize : 10,
   			pageSizeLimit : [10, 20, 50]
   	 	};
   	 	var grid_2_1_1 = $.fn.dlshouwen.grid.init(gridOption_2_1_1);
   	 	$(function(){
   	 		grid_2_1_1.load();
   	 	});
    
    </script>
    <script type="text/javascript">
		var gridColumns_2_1_2 = [
	 		{id:'user_code', title:'用户编号', type:'string', columnClass:'text-center'},
	 		{id:'user_name', title:'用户名称', type:'string', columnClass:'text-center'},
	 		{id:'sex', title:'性别', type:'string', codeTable:sex, columnClass:'text-center', hideType:'xs'},
	 		{id:'salary', title:'薪水', type:'number', format:'#,###.00', columnClass:'text-center', hideType:'xs'},
	 		{id:'degree', title:'学历', type:'string', codeTable:degree, columnClass:'text-center', hideType:'sm|xs'},
	 		{id:'time', title:'日期对象', type:'date', format:'yyyy-MM-dd hh:mm:ss', columnClass:'text-center', hideType:'md|sm|xs'},
	 		{id:'time_stamp_s', title:'秒级时间戳', type:'date', format:'yyyy-MM-dd hh:mm:ss', otype:'time_stamp_s', columnClass:'text-center', hideType:'lg|md|sm|xs'},
	 		{id:'time_stamp_ms', title:'毫秒级时间戳', type:'date', format:'yyyy-MM-dd hh:mm:ss S', otype:'time_stamp_ms', columnClass:'text-center', hideType:'lg|md|sm|xs'},
	 		{id:'string_date', title:'日期格式字符串', type:'date', format:'yyyy-MM-dd', otype:'string', oformat:'yyyy-MM-dd', columnClass:'text-center', hideType:'lg|md|sm|xs'},
	 		{id:'string_time', title:'时间格式字符串', type:'date', format:'yyyy-MM-dd hh:mm:ss', otype:'string', oformat:'yyyy-MM-dd hh:mm:ss', columnClass:'text-center', hideType:'lg|md|sm|xs'}
	 	];
	 	var gridOption_2_1_2 = {
	 		lang : 'zh-cn',
	 		ajaxLoad : false,
	 		exportFileName : '用户列表',
	 		datas : datas,
	 		columns : gridColumns_2_1_2,
	 		gridContainer : 'gridContainer_2_1_2',
			toolbarContainer : 'gridToolBarContainer_2_1_2',
			tools : '',
			pageSize : 10,
			pageSizeLimit : [10, 20, 50]
	 	};
	 	var grid_2_1_2 = $.fn.dlshouwen.grid.init(gridOption_2_1_2);
	 	$(function(){
	 		grid_2_1_2.load();
	 	});
		</script>
		
		<script type="text/javascript">
		var gridColumns_2_1_8 = [
	 		{id:'user_code', title:'用户编号', type:'string', columnClass:'text-center'},
	 		{id:'user_name', title:'用户名称', type:'string', columnClass:'text-center'},
	 		{id:'sex', title:'性别', type:'string', codeTable:sex, columnClass:'text-center'}
	 	];
	 	var gridOption_2_1_8 = {
	 		lang : 'zh-cn',
	 		ajaxLoad : false,
	 		check : true,
	 		checkWidth : 40,
	 		exportFileName : '用户列表',
	 		datas : datas,
	 		columns : gridColumns_2_1_8,
	 		gridContainer : 'gridContainer_2_1_8',
			toolbarContainer : 'gridToolBarContainer_2_1_8',
			tools : '',
			pageSize : 10,
			pageSizeLimit : [10, 20, 50]
	 	};
	 	var grid_2_1_8 = $.fn.dlshouwen.grid.init(gridOption_2_1_8);
	 	$(function(){
	 		grid_2_1_8.load();
	 	});
	 	function getGrid_2_1_8CheckedRecordsLength(){
	 		var recordCount = grid_2_1_8.getCheckedRecords().length;
	 		alert('您一共选择了 '+recordCount+' 条。');
	 	}
		</script>
		
		<script type="text/javascript">
		var gridColumns_2_1_9 = [
	 		{id:'user_code', title:'用户编号', type:'string', columnClass:'text-center'},
	 		{id:'user_name', title:'用户名称', type:'string', columnClass:'text-center'},
	 		{id:'sex', title:'性别', type:'string', codeTable:sex, columnClass:'text-center', resolution:function(value, record, column, grid, dataNo, columnNo){
	 			var content = '';
	 			if(value==1){
	 				content += '<span style="background:#00a2ca;padding:2px 10px;color:white;">Male</span>';
	 			}else{
	 				content += '<span style="background:#c447ae;padding:2px 10px;color:white;">Female</span>';
	 			}
	 			return content;
	 		}},
	 		{id:'operation', title:'操作', type:'string', columnClass:'text-center', resolution:function(value, record, column, grid, dataNo, columnNo){
	 			var content = '';
	 			content += '<button class="btn btn-xs btn-default" onclick="alert(\'编辑用户：'+record.user_name+'\');"><i class="fa fa-edit"></i>&nbsp;&nbsp;编辑</button>';
	 			content += '&nbsp;&nbsp;';
	 			content += '<button class="btn btn-xs btn-danger" onclick="alert(\'删除用户：'+record.user_name+'\');"><i class="fa fa-trash-o"></i>&nbsp;&nbsp;删除</button>';
	 			return content;
	 		}}
	 	];
	 	var gridOption_2_1_9 = {
	 		lang : 'zh-cn',
	 		ajaxLoad : false,
	 		exportFileName : '用户列表',
	 		datas : datas,
	 		columns : gridColumns_2_1_9,
	 		gridContainer : 'gridContainer_2_1_9',
			toolbarContainer : 'gridToolBarContainer_2_1_9',
			tools : '',
			pageSize : 10,
			pageSizeLimit : [10, 20, 50]
	 	};
	 	var grid_2_1_9 = $.fn.dlshouwen.grid.init(gridOption_2_1_9);
	 	$(function(){
	 		grid_2_1_9.load();
	 	});
		</script>
  </body>
</html>